<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />

    <title>湖北省学前教育专业大学</title>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <style type="text/css">
        body,
        html,
        #app,
        #allmap {
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0;
            font-family: "微软雅黑";
        }

        #up-map-div {
            position: absolute;
            bottom: 10px;
            left: 50%;
            z-index: 9999;
        }
    </style>
</head>

<body>
    <div id="app">
        <div id="allmap"></div>
        <div id="up-map-div">
            <el-button v-if="!drawer" @click="drawer=true" icon="el-icon-caret-top" type="primary" circle></el-button>
        </div>
        <el-drawer title="湖北省学前教育专业大学" :visible.sync="drawer" direction="btt" size="55%">
            <el-input placeholder="请输入搜索内容" v-model="search"></el-input>
            <el-table :data="school.filter(data => !search || data.name.toLowerCase().includes(search.toLowerCase()))"
                style="width: 100%;" @cell-click="cellClick">
                <el-table-column label="名称" prop="name" min-width="160px" sortable>
                    <template slot-scope="scope">
                        <a :href="'https://www.gaokao.cn/school/'+scope.row.school_id">{{
                            scope.row.name }}</a>
                    </template>
                </el-table-column>
                <el-table-column label="性质" prop="nature_name" sortable>
                </el-table-column>
                <el-table-column label="分数" prop="min" sortable>
                </el-table-column>
                <el-table-column label="学费" prop="tuition" sortable>
                </el-table-column>
            </el-table>
        </el-drawer>
    </div>
</body>
<!-- import Vue before Element -->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<!-- import JavaScript -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=bsCet9zkoAGGLWssBtf0VXHosVaBT9Q5"></script>
<script>
    new Vue({
        el: '#app',
        data: function () {
            return {
                map: null,
                // 图标：https://static-data.gaokao.cn/upload/logo/1159.jpg
                // 详情：https://www.gaokao.cn/school/1159
                school: [
                    {
                        "name": "武汉城市职业学院",
                        "school_id": "2458",
                        "address": "湖北省武汉市洪山区南李路127号",
                        "type_name": "综合类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "武汉市",
                        "spname": "学前教育（师范类）",
                        "special_id": "133184",
                        "min": "561",
                        "min_section": "55507",
                        "level1_name": "专科（高职）",
                        "level2_name": "教育与体育大类",
                        "level3_name": "教育类",
                        "local_batch_name": "专科批",
                        "zslx_name": "普通类",
                        "length": "三年",
                        "tuition": "5000",
                        "lon": 114.32879093237027,
                        "lat": 30.482328745564246
                    },
                    {
                        "name": "湖北幼儿师范高等专科学校",
                        "school_id": "3374",
                        "address": "湖北省武汉市江夏庙山开发区华泰路95号",
                        "type_name": "师范类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "武汉市",
                        "spname": "学前教育（师范类；办学地点葛店校区）",
                        "special_id": "1703029",
                        "min": "539",
                        "min_section": "64497",
                        "level1_name": "专科（高职）",
                        "level2_name": "教育与体育大类",
                        "level3_name": "教育类",
                        "local_batch_name": "专科批",
                        "zslx_name": "普通类",
                        "length": "三年",
                        "tuition": "5000",
                        "lon": 114.38271504433709,
                        "lat": 30.416228944497472
                    },
                    {
                        "name": "长江职业学院",
                        "school_id": "1106",
                        "address": "湖北省武汉市洪山区雄楚大街918号",
                        "type_name": "综合类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "武汉市",
                        "spname": "学前教育",
                        "special_id": "220188",
                        "min": "501",
                        "min_section": "67602",
                        "level1_name": "专科（高职）",
                        "level2_name": "教育与体育大类",
                        "level3_name": "教育类",
                        "local_batch_name": "专科批",
                        "zslx_name": "普通类",
                        "length": "三年",
                        "tuition": "5000",
                        "lon": 114.40248216725361,
                        "lat": 30.502821494197363
                    },
                    {
                        "name": "襄阳职业技术学院",
                        "school_id": "806",
                        "address": "湖北省襄阳市襄城区隆中路18号",
                        "type_name": "综合类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "襄阳市",
                        "spname": "学前教育（师范类）",
                        "special_id": "200682",
                        "min": "479",
                        "min_section": "72573",
                        "level1_name": "专科（高职）",
                        "level2_name": "教育与体育大类",
                        "level3_name": "教育类",
                        "local_batch_name": "专科批",
                        "zslx_name": "普通类",
                        "length": "三年",
                        "tuition": "5000",
                        "lon": 112.15125615582475,
                        "lat": 32.01863918425247
                    },
                    {
                        "name": "江汉艺术职业学院",
                        "school_id": "1957",
                        "address": "湖北省潜江市师范路16号",
                        "type_name": "艺术类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "省直辖县级行政区划",
                        "spname": "学前教育（师范类）",
                        "special_id": "133925",
                        "min": "465",
                        "min_section": "104228",
                        "level1_name": "专科（高职）",
                        "level2_name": "教育与体育大类",
                        "level3_name": "教育类",
                        "local_batch_name": "专科批",
                        "zslx_name": "普通类",
                        "length": "三年",
                        "tuition": "6500",
                        "lon": 114.27750613182234,
                        "lat": 30.6072822768268
                    },
                    {
                        "name": "湖北三峡职业技术学院",
                        "school_id": "1056",
                        "address": "湖北省宜昌市体育场路31号",
                        "type_name": "理工类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "宜昌市",
                        "spname": "学前教育",
                        "special_id": "46494",
                        "min": "465",
                        "min_section": "85898",
                        "level1_name": "专科（高职）",
                        "level2_name": "教育与体育大类",
                        "level3_name": "教育类",
                        "local_batch_name": "专科批",
                        "zslx_name": "普通类",
                        "length": "三年",
                        "tuition": "5000",
                        "lon": 111.319501,
                        "lat": 30.697775
                    },
                    {
                        "name": "三峡旅游职业技术学院",
                        "school_id": "2457",
                        "address": "湖北省宜昌市夷陵区汉宜大道205号（宜昌市职教园）",
                        "type_name": "综合类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "宜昌市",
                        "spname": "学前教育（师范类）",
                        "special_id": "125718",
                        "min": "437",
                        "min_section": "113198",
                        "level1_name": "专科（高职）",
                        "level2_name": "教育与体育大类",
                        "level3_name": "教育类",
                        "local_batch_name": "专科批",
                        "zslx_name": "普通类",
                        "length": "三年",
                        "tuition": "5000",
                        "lon": 111.42544419510652,
                        "lat": 30.666452259027544
                    },
                    {
                        "name": "武汉航海职业技术学院",
                        "school_id": 1016,
                        "address": "湖北省武汉市武昌区喻家湖148号",
                        "type_name": "综合类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "武汉市",
                        "spname": "",
                        "special_id": "",
                        "min": "434",
                        "min_section": 0,
                        "level1_name": "",
                        "level2_name": "",
                        "level3_name": "",
                        "local_batch_name": "",
                        "zslx_name": "",
                        "length": "",
                        "tuition": "不知道",
                        "lon": 114.334847218288,
                        "lat": 30.583922661671842
                    },
                    {
                        "name": "湖北工程职业学院",
                        "school_id": "2456",
                        "address": "湖北省黄石市团城山广州路9号",
                        "type_name": "理工类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "黄石市",
                        "spname": "学前教育（师范类）",
                        "special_id": "1619785",
                        "min": "429",
                        "min_section": "112166",
                        "level1_name": "专科（高职）",
                        "level2_name": "教育与体育大类",
                        "level3_name": "教育类",
                        "local_batch_name": "专科批",
                        "zslx_name": "普通类",
                        "length": "三年",
                        "tuition": "5000",
                        "lon": 115.030907327444,
                        "lat": 30.19111301856915
                    },
                    {
                        "name": "黄冈职业技术学院",
                        "school_id": "812",
                        "address": "湖北省黄冈市黄州区南湖桃园街109号",
                        "type_name": "理工类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "黄冈市",
                        "spname": "学前教育（师范类）",
                        "special_id": "1881019",
                        "min": "426",
                        "min_section": "96770",
                        "level1_name": "专科（高职）",
                        "level2_name": "教育与体育大类",
                        "level3_name": "教育类",
                        "local_batch_name": "专科批",
                        "zslx_name": "普通类",
                        "length": "三年",
                        "tuition": "5000",
                        "lon": 115.00300775491512,
                        "lat": 30.439469323272625
                    },
                    {
                        "name": "武汉职业技术学院",
                        "school_id": 816,
                        "address": "湖北省武汉市洪山区关山大道463号",
                        "type_name": "综合类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "武汉市",
                        "spname": "",
                        "special_id": "",
                        "min": "420",
                        "min_section": 0,
                        "level1_name": "",
                        "level2_name": "",
                        "level3_name": "",
                        "local_batch_name": "",
                        "zslx_name": "",
                        "length": "",
                        "tuition": "不知道",
                        "lon": 114.4174344624672,
                        "lat": 30.490333766618743
                    },
                    {
                        "name": "武汉警官职业学院",
                        "school_id": 1019,
                        "address": "湖北省武汉市东西湖区东吴大道1206号",
                        "type_name": "政法类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "武汉市",
                        "spname": "",
                        "special_id": "",
                        "min": "416",
                        "min_section": 0,
                        "level1_name": "",
                        "level2_name": "",
                        "level3_name": "",
                        "local_batch_name": "",
                        "zslx_name": "",
                        "length": "",
                        "tuition": "不知道",
                        "lon": 114.15716095112555,
                        "lat": 30.628633191350687
                    },
                    {
                        "name": "长江工程职业技术学院",
                        "school_id": 1008,
                        "address": "湖北省武汉市江夏区文化大道9号",
                        "type_name": "理工类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "武汉市",
                        "spname": "",
                        "special_id": "",
                        "min": "409",
                        "min_section": 0,
                        "level1_name": "",
                        "level2_name": "",
                        "level3_name": "",
                        "local_batch_name": "",
                        "zslx_name": "",
                        "length": "",
                        "tuition": "不知道",
                        "lon": 114.31809831205446,
                        "lat": 30.40848345255914
                    },
                    {
                        "name": "咸宁职业技术学院",
                        "school_id": "1956",
                        "address": "湖北省咸宁市咸宁大道118号",
                        "type_name": "综合类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "咸宁市",
                        "spname": "学前教育（师范类）",
                        "special_id": "67240",
                        "min": "80",
                        "min_section": "110466",
                        "level1_name": "专科（高职）",
                        "level2_name": "教育与体育大类",
                        "level3_name": "教育类",
                        "local_batch_name": "专科批",
                        "zslx_name": "普通类",
                        "length": "三年",
                        "tuition": "6500",
                        "lon": 114.3212593444614,
                        "lat": 29.832713700095727
                    },
                    {
                        "name": "鄂州职业大学",
                        "school_id": "808",
                        "address": "湖北省鄂州市凤凰路78号",
                        "type_name": "综合类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "鄂州市",
                        "spname": "学前教育（师范类）",
                        "special_id": "132615",
                        "min": "379",
                        "min_section": "48417",
                        "level1_name": "专科（高职）",
                        "level2_name": "教育与体育大类",
                        "level3_name": "教育类",
                        "local_batch_name": "专科批",
                        "zslx_name": "普通类",
                        "length": "三年",
                        "tuition": "5000",
                        "lon": 114.90654600247319,
                        "lat": 30.377502989355612
                    },
                    {
                        "name": "湖北生态工程职业技术学院",
                        "school_id": 1551,
                        "address": "湖北省武汉市江夏区纸坊大街110号",
                        "type_name": "综合类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "武汉市",
                        "spname": "",
                        "special_id": "",
                        "min": "403",
                        "min_section": 0,
                        "level1_name": "",
                        "level2_name": "",
                        "level3_name": "",
                        "local_batch_name": "",
                        "zslx_name": "",
                        "length": "",
                        "tuition": "不知道",
                        "lon": 114.3430014068937,
                        "lat": 30.34891807323906
                    },
                    {
                        "name": "湖北黄冈应急管理职业技术学院",
                        "school_id": 1958,
                        "address": "湖北省黄冈市黄州区新港二路43号",
                        "type_name": "理工类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "黄冈市",
                        "spname": "",
                        "special_id": "",
                        "min": "394",
                        "min_section": 0,
                        "level1_name": "",
                        "level2_name": "",
                        "level3_name": "",
                        "local_batch_name": "",
                        "zslx_name": "",
                        "length": "",
                        "tuition": "不知道",
                        "lon": 114.93280823354907,
                        "lat": 30.455908656962503
                    },
                    {
                        "name": "湖北职业技术学院",
                        "school_id": "810",
                        "address": "湖北省孝感市玉泉路17号",
                        "type_name": "综合类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "孝感市",
                        "spname": "学前教育（师范类）",
                        "special_id": "126055",
                        "min": "392",
                        "min_section": "102381",
                        "level1_name": "专科（高职）",
                        "level2_name": "教育与体育大类",
                        "level3_name": "教育类",
                        "local_batch_name": "专科批",
                        "zslx_name": "普通类",
                        "length": "三年",
                        "tuition": "5000",
                        "lon": 114.42285600571155,
                        "lat": 30.490328943017335
                    },
                    {
                        "name": "湖北水利水电职业技术学院",
                        "school_id": 1074,
                        "address": "湖北省武汉市洪山区珞狮南路306号,湖北省武汉市江夏区五里界街中洲",
                        "type_name": "理工类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "武汉市",
                        "spname": "",
                        "special_id": "",
                        "min": "391",
                        "min_section": 0,
                        "level1_name": "",
                        "level2_name": "",
                        "level3_name": "",
                        "local_batch_name": "",
                        "zslx_name": "",
                        "length": "",
                        "tuition": "不知道",
                        "lon": 114.34613478634307,
                        "lat": 30.49807743600781
                    },
                    {
                        "name": "咸宁职业技术学院",
                        "school_id": "1956",
                        "address": "湖北省咸宁市咸宁大道118号",
                        "type_name": "综合类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "咸宁市",
                        "spname": "学前教育（师范类）",
                        "special_id": "67240",
                        "min": "80",
                        "min_section": "110466",
                        "level1_name": "专科（高职）",
                        "level2_name": "教育与体育大类",
                        "level3_name": "教育类",
                        "local_batch_name": "专科批",
                        "zslx_name": "普通类",
                        "length": "三年",
                        "tuition": "6500",
                        "lon": 114.3212593444614,
                        "lat": 29.832713700095727
                    },
                    {
                        "name": "荆州职业技术学院",
                        "school_id": "1949",
                        "address": "湖北省荆州市荆州大学城学苑路21号",
                        "type_name": "理工类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "荆州市",
                        "spname": "学前教育（师范类）",
                        "special_id": "139424",
                        "min": "382",
                        "min_section": "111261",
                        "level1_name": "专科（高职）",
                        "level2_name": "教育与体育大类",
                        "level3_name": "教育类",
                        "local_batch_name": "专科批",
                        "zslx_name": "普通类",
                        "length": "三年",
                        "tuition": "6500",
                        "lon": 112.15761858426026,
                        "lat": 30.355091157579448
                    },
                    {
                        "name": "仙桃职业学院",
                        "school_id": "1950",
                        "address": "湖北省仙桃市纺织大道8号",
                        "type_name": "理工类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "省直辖县级行政区划",
                        "spname": "学前教育",
                        "special_id": "67036",
                        "min": "373",
                        "min_section": "99224",
                        "level1_name": "专科（高职）",
                        "level2_name": "教育与体育大类",
                        "level3_name": "教育类",
                        "local_batch_name": "专科批",
                        "zslx_name": "普通类",
                        "length": "三年",
                        "tuition": "5000",
                        "lon": 113.43328409320866,
                        "lat": 30.343415864979995
                    },
                    {
                        "name": "湖北城市建设职业技术学院",
                        "school_id": 1068,
                        "address": "湖北省武汉市东湖高新技术开发区藏龙岛科技园区藏龙大道28号",
                        "type_name": "理工类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "武汉市",
                        "spname": "",
                        "special_id": "",
                        "min": "359",
                        "min_section": 0,
                        "level1_name": "",
                        "level2_name": "",
                        "level3_name": "",
                        "local_batch_name": "",
                        "zslx_name": "",
                        "length": "",
                        "tuition": "不知道",
                        "lon": 114.44282524736782,
                        "lat": 30.411195021545993
                    },
                    {
                        "name": "荆州理工职业学院",
                        "school_id": "1945",
                        "address": "湖北省荆州市沙市区工农路22号",
                        "type_name": "理工类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "荆州市",
                        "spname": "学前教育（师范类；办学地点东校区）",
                        "special_id": "1947033",
                        "min": "359",
                        "min_section": "112652",
                        "level1_name": "专科（高职）",
                        "level2_name": "教育与体育大类",
                        "level3_name": "教育类",
                        "local_batch_name": "专科批",
                        "zslx_name": "普通类",
                        "length": "三年",
                        "tuition": "6500",
                        "lon": 112.30007097372706,
                        "lat": 30.301514991185858
                    },
                    {
                        "name": "湖北艺术职业学院",
                        "school_id": "1955",
                        "address": "湖北省武汉市洪山区虎泉街126号 地铁2号线 虎泉站 B出站口",
                        "type_name": "艺术类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "武汉市",
                        "spname": "学前教育（办学地点虎泉校区）",
                        "special_id": "1947188",
                        "min": "357",
                        "min_section": 0,
                        "level1_name": "专科（高职）",
                        "level2_name": "教育与体育大类",
                        "level3_name": "教育类",
                        "local_batch_name": "专科批",
                        "zslx_name": "普通类",
                        "length": "三年",
                        "tuition": "5000",
                        "lon": 114.34985718471532,
                        "lat": 30.53175554488679
                    },
                    {
                        "name": "武汉工程职业技术学院",
                        "school_id": 1413,
                        "address": "湖北省武汉市阳逻经济开发区汉施路18号",
                        "type_name": "综合类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "武汉市",
                        "spname": "",
                        "special_id": "",
                        "min": "348",
                        "min_section": 0,
                        "level1_name": "",
                        "level2_name": "",
                        "level3_name": "",
                        "local_batch_name": "",
                        "zslx_name": "",
                        "length": "",
                        "tuition": "不知道",
                        "lon": 114.55468772913387,
                        "lat": 30.719385091181476
                    },
                    {
                        "name": "湖北国土资源职业学院",
                        "school_id": 1960,
                        "address": "湖北省武汉市武汉经济技术开发区（汉南区）育才路399号",
                        "type_name": "综合类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "武汉市",
                        "spname": "",
                        "special_id": "",
                        "min": "347",
                        "min_section": 0,
                        "level1_name": "",
                        "level2_name": "",
                        "level3_name": "",
                        "local_batch_name": "",
                        "zslx_name": "",
                        "length": "",
                        "tuition": "不知道",
                        "lon": 114.05729408181752,
                        "lat": 30.324963028664474
                    },
                    {
                        "name": "湖北生物科技职业学院",
                        "school_id": 1954,
                        "address": "湖北省武汉市洪山区狮子山野芷湖一号",
                        "type_name": "理工类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "武汉市",
                        "spname": "",
                        "special_id": "",
                        "min": "339",
                        "min_section": 0,
                        "level1_name": "",
                        "level2_name": "",
                        "level3_name": "",
                        "local_batch_name": "",
                        "zslx_name": "",
                        "length": "",
                        "tuition": "不知道",
                        "lon": 114.3477849735649,
                        "lat": 30.471662909382147
                    },
                    {
                        "name": "湖北交通职业技术学院",
                        "school_id": 1162,
                        "address": "湖北省武汉市洪山区雄楚大街455号",
                        "type_name": "理工类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "武汉市",
                        "spname": "",
                        "special_id": "",
                        "min": "339",
                        "min_section": 0,
                        "level1_name": "",
                        "level2_name": "",
                        "level3_name": "",
                        "local_batch_name": "",
                        "zslx_name": "",
                        "length": "",
                        "tuition": "不知道",
                        "lon": 114.37789329968173,
                        "lat": 30.511968222455593
                    },
                    {
                        "name": "荆门职业学院",
                        "school_id": "3378",
                        "address": "湖北省荆门市掇刀区军马场路3号",
                        "type_name": "综合类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "荆门市",
                        "spname": "学前教育",
                        "special_id": "200644",
                        "min": "335",
                        "min_section": "113103",
                        "level1_name": "专科（高职）",
                        "level2_name": "教育与体育大类",
                        "level3_name": "教育类",
                        "local_batch_name": "专科批",
                        "zslx_name": "普通类",
                        "length": "三年",
                        "tuition": "5000",
                        "lon": 112.20579704435471,
                        "lat": 30.99675183876481
                    },
                    {
                        "name": "随州职业技术学院",
                        "school_id": "1015",
                        "address": "湖北省随州市迎宾大道38号",
                        "type_name": "理工类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "随州市",
                        "spname": "学前教育",
                        "special_id": "45174",
                        "min": "314",
                        "min_section": "113198",
                        "level1_name": "专科（高职）",
                        "level2_name": "教育与体育大类",
                        "level3_name": "教育类",
                        "local_batch_name": "专科批",
                        "zslx_name": "普通类",
                        "length": "三年",
                        "tuition": "5000",
                        "lon": 113.3727834866033,
                        "lat": 31.675054432482106
                    },
                    {
                        "name": "武汉民政职业学院",
                        "school_id": 915,
                        "address": "湖北省武汉市洪山区卓刀泉路257号",
                        "type_name": "政法类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "武汉市",
                        "spname": "",
                        "special_id": "",
                        "min": "306",
                        "min_section": 0,
                        "level1_name": "",
                        "level2_name": "",
                        "level3_name": "",
                        "local_batch_name": "",
                        "zslx_name": "",
                        "length": "",
                        "tuition": "不知道",
                        "lon": 114.3861020154319,
                        "lat": 30.516853386694685
                    },
                    {
                        "name": "湖北工业职业技术学院",
                        "school_id": "1946",
                        "address": "湖北省十堰市北京中路38号",
                        "type_name": "综合类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "十堰市",
                        "spname": "学前教育（师范类）",
                        "special_id": "1378372",
                        "min": "200",
                        "min_section": "91822",
                        "level1_name": "专科（高职）",
                        "level2_name": "教育与体育大类",
                        "level3_name": "教育类",
                        "local_batch_name": "专科批",
                        "zslx_name": "普通类",
                        "length": "三年",
                        "tuition": "5000",
                        "lon": 110.80807355559365,
                        "lat": 32.627453601656754
                    },
                    {
                        "name": "恩施职业技术学院",
                        "school_id": "1948",
                        "address": "湖北省恩施市学院路122号",
                        "type_name": "综合类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "恩施土家族苗族自治州",
                        "spname": "学前教育（师范类）",
                        "special_id": "124554",
                        "min": "200",
                        "min_section": "112480",
                        "level1_name": "专科（高职）",
                        "level2_name": "教育与体育大类",
                        "level3_name": "教育类",
                        "local_batch_name": "专科批",
                        "zslx_name": "普通类",
                        "length": "三年",
                        "tuition": "5000",
                        "lon": 109.50437274015381,
                        "lat": 30.320837934252754
                    },
                    {
                        "name": "襄阳汽车职业技术学院",
                        "school_id": 2948,
                        "address": "湖北省襄阳市襄城区尹集东街66号",
                        "type_name": "理工类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "襄阳市",
                        "spname": "",
                        "special_id": "",
                        "min": "200",
                        "min_section": 0,
                        "level1_name": "",
                        "level2_name": "",
                        "level3_name": "",
                        "local_batch_name": "",
                        "zslx_name": "",
                        "length": "",
                        "tuition": "不知道",
                        "lon": 112.1002873791552,
                        "lat": 31.958367257681285
                    },
                    {
                        "name": "天门职业学院",
                        "school_id": "2927",
                        "address": "湖北省天门市学院路特1号",
                        "type_name": "综合类",
                        "level_name": "专科（高职）",
                        "nature_name": "公办",
                        "province_name": "湖北",
                        "city_name": "省直辖县级行政区划",
                        "spname": "学前教育",
                        "special_id": "1947325",
                        "min": "200",
                        "min_section": 0,
                        "level1_name": "专科（高职）",
                        "level2_name": "教育与体育大类",
                        "level3_name": "教育类",
                        "local_batch_name": "专科批",
                        "zslx_name": "普通类",
                        "length": "三年",
                        "tuition": "5000",
                        "lon": 113.18929515398246,
                        "lat": 30.673666242216484
                    }
                ],
                drawer: false,
                search: ''
            }
        },
        mounted() {
            this.initMap()
        },
        methods: {
            initMap() {
                // GL版命名空间为BMapGL
                // 按住鼠标右键，修改倾斜角和角度
                var map = new BMapGL.Map("allmap");    // 创建Map实例
                this.map = map
                map.centerAndZoom(new BMapGL.Point(114.2877120336914, 30.569615386225554), 12);  // 初始化地图,设置中心点坐标和地图级别
                map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
                this.school.forEach(item => {
                    this.addSchool(item)
                })

            },
            //添加覆盖
            addSchool(item) {
                const map = this.map
                var point = new BMapGL.Point(item.lon, item.lat)
                // 创建点标记
                var marker = new BMapGL.Marker(point, {
                    // 创建图标
                    icon: new BMapGL.Icon("https://maponline0.bdimg.com/sty/map_icons2x/MapRes/daxue.png", new BMapGL.Size(35, 35))
                });
                marker.addEventListener("click", function () {
                    //点击marker显示label
                    map.centerAndZoom(point, 12);
                });
                // 在地图上添加点标记
                map.addOverlay(marker);
                var opts = {
                    position: point, // 指定文本标注所在的地理位置
                    offset: new BMapGL.Size(0, -50) // 设置文本偏移量
                };
                // 创建文本标注对象
                var label = new BMapGL.Label(item.name, opts);
                label.setStyle({
                    color: "rgb(0 196 255)",
                    fontSize: "16px",
                    height: "24px",
                    lineHeight: "20px",
                    padding: "2px 5px",
                    border: "1px solid rgba(230, 0, 0, 0)",
                    background: "rgba(0, 0, 0, 0.0)",
                    fontWeight: "bold",
                    transform: 'translateX(-50%)',
                    fontFamily: "微软雅黑"
                });
                map.addOverlay(label);

                // 创建图文信息窗口
                var sContent = `
                    <div>
                    <img style='margin:0 35%' id='imgDemo' src='https://static-data.gaokao.cn/upload/logo/`+ item.school_id + `.jpg' width='100' height='100'/>
                    <p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>
                        ` + item.level_name + `&nbsp;|&nbsp;` + item.nature_name + `&nbsp;|&nbsp;` + item.type_name + `
                    </p>
                    <p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>
                        历年分数：`+ item.min + `&nbsp;|&nbsp;学费：` + item.tuition + `元&nbsp;|&nbsp;年制：` + item.length + `
                    </p>
                    <p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>
                        地址：`+ item.address + `
                    </p>
                    <p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'>
                        详情页：<a href='https://www.gaokao.cn/school/` + item.school_id + `'>https://www.gaokao.cn/school/` + item.school_id + `</a>
                    </p><br\>
                    </div>`;
                var infoWindow = new BMapGL.InfoWindow(sContent, {
                    width: 350,     // 信息窗口宽度
                    title: item.name// 信息窗口标题
                });
                // marker添加点击事件
                marker.addEventListener('click', function () {
                    this.openInfoWindow(infoWindow);
                    // 图片加载完毕重绘infoWindow
                    document.getElementById('imgDemo').onload = function () {
                        infoWindow.redraw(); // 防止在网速较慢时生成的信息框高度比图片总高度小，导致图片部分被隐藏
                    };
                });
            },
            cellClick(row, column, event, cell) {
                this.map.centerAndZoom(new BMapGL.Point(row.lon, row.lat), 15);
                this.drawer = false
            }
        }
    })
</script>

</html>